<template>
	<!-- 收款页面 -->
	<view class="receipt_main">
		<view class="receipt_main_content boxshow">
			<view class="goods_details">
				<view class="shopping_cart_commodity_info">
					<view class="commodity_image">
					</view>
					<view class="commodity_synopsis">
						<view class="commodity_title">
							户外必备玉石神器户外必备玉石神器户外必备玉石神器户外必备玉石神器
						</view>
						<view class="shopping_cart_timer_money">
							<view class="shopping_cart_money fr">
								¥1589.00
							</view>
						</view>
					</view>
				</view>
			</view>
			<view class="transfer_image">
				<view class="transfer_image_title">
					转账截图
				</view>
				<view class="transfer_image_center">
					
				</view>
				<view class="transfer_image_tips tc">
					点击放大账单
				</view>
			</view>
		</view>
		<view class="btns1">
			确认收款
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
			}
		},
		methods: {
		},
		components: {
		},
		onLoad() {
		},
    }
</script>
<style lang="less" scoped>
	@import "@/asset/less/base.less";
	.receipt_main {
		padding: 29rpx 20rpx 0;
		.goods_details {
			padding: 42rpx 18rpx 0rpx 18rpx;
			.shopping_cart_commodity_info {
				display: flex;
				justify-content: space-between;
				padding-bottom: 48rpx;
				border-bottom: 1rpx solid #E5E5E5;
			}
			.commodity_image {
				margin-right: 20rpx;
				width: 240rpx;
				height: 170rpx;
				image {
					width: 100%;
					height: 100%;
				}
			}
			.commodity_synopsis {
				width: 100%;
				.commodity_title {
					min-height: 65rpx;
					padding-top: 8rpx;
					line-height: 36rpx;
					color: #2D2D2D;
					padding: 9rpx 23rpx 0 0;
					font-size: 30rpx;
					overflow: hidden;
					-webkit-line-clamp: 2;
					text-overflow: ellipsis;
					display: -webkit-box;
					-webkit-box-orient: vertical;
				}
			}
			.shopping_cart_timer_money {
				padding-top: 39rpx;
				.shopping_cart_money {
					font-size: 30rpx;
					color: #D13C3C;
					padding: 8rpx 19rpx 0 0;
				}
			}
		}
		.transfer_image {
			padding: 57rpx 0 0 30rpx;
			.transfer_image_title {
				font-weight: 700;
				font-size: 30rpx;
				padding-bottom: 66rpx;
			}
		}
		.transfer_image_center {
			width: 220rpx;
			height: 220rpx;
			margin: auto;
			padding: 4rpx 50rpx;
			box-sizing: border-box;
			background-color: #F6F6F6;
		}
		.transfer_image_tips {
			font-size: 24rpx;
			color: #999;
			padding: 24rpx 0 83rpx;
		}
	}
	.btns1 {
		margin: 53rpx 40rpx 0;
	}
</style>
